<ion-header>
  <ion-navbar>
    <ion-title>
      商机管理
    </ion-title>
    <ion-buttons end class="rightIcon">
      <button ion-button icon-only (click)="searchApp()">
            <i class="icons-find"></i>
            </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="Pull to refresh" refreshingSpinner="circles" refreshingText="加载中...">
    </ion-refresher-content>
  </ion-refresher>
  <ion-list>
    <ion-item-sliding *ngFor="let i of items">
      <ion-item>
        <ion-grid>
          <ion-row>
            <ion-col>
              <div class="">{{i.f_FullName}}</div>
            </ion-col>
            <ion-col>
              <div class="rightclass">{{i.f_SaleCost}}</div>
            </ion-col>
          </ion-row>
          <ion-row>
            <ion-col class="demandrow">
              <div class="demand">
                {{i.f_ChanceTypeId}}
              </div>
            </ion-col>
            <ion-col class="imgrow">
              <div>
                <div>
                  <ion-icon ios="ios-contact" md="md-contact"></ion-icon>
                  {{i.f_Profit}}
                </div>
                <div>
                  <ion-icon ios="ios-call" md="md-call"></ion-icon>
                  {{i.f_Tel}}
                </div>
              </div>
            </ion-col>
            <ion-col>
              <div>
                <div>
                  <ion-icon ios="ios-contact" md="md-contact"></ion-icon>
                  {{i.f_Amount}}
                </div>
                <div>
                  <ion-icon ios="ios-call" md="md-call"></ion-icon>
                  {{i.f_QQ}}
                </div>
              </div>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-item>
      <ion-item-options>
        <button ion-button color="danger" icon-start (click)="removeItem(i)">
          <ion-icon name='trash' is-active="false"></ion-icon>
          删除
        </button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多的数据">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <ion-fab right bottom>
    <button ion-fab mini (click)="Addbusiness()"><ion-icon name="add"></ion-icon></button>
  </ion-fab>
</ion-content>